import React, { Component } from 'react';
import '../index.css'
import HotBook1 from '../img/hotBook1.png'
const book = [
    {
        name:"顾学神的小甜酒",
        content:"高冷老板和惊奇写手的逗趣日常，耍萌，斗斗嘴，日子过得顺风顺水。你负责赚钱养家，我负...",
        author:"曲奇不夹心"
    },
    {
        name:"不止温柔",
        content:"江医生是AS（阿斯伯格综合征）患者。对他来说女人只是个有温度的生物而已。他不会察言观...",
        author:"江独欢"
    },
    {
        name:"快穿之入戏美人",
        content:"十八线摸爬滚打小女星×演技精湛浓颜系当红影帝十八线小女星郁卿认为自己是走了狗屎运，才能...",
        author:"逢狸"
    },
    {
        name:"秦先生今天还没表白",
        content:"重活一世，她变成痴傻还丑的怪胎。所有人都瞧不起她，打她，骂她…直到那个权势遮天的男人...",
        author:"十里清欢"
    },
    {
        name:"邵先生每天都在被离婚",
        content:"阮恬醒来，失去四年记忆。面对丈夫来势汹汹的白月光前女友，和昔日闺蜜今日继母的好友，阮...",
        author:"野猫当家"
    }
]
class hotFree extends Component {
    render() {
        return (
            <div>
                <div className="timeBox">
                    <h3>热门小说</h3>
                    {/* <span>更多 ></span> */}
                </div>
                <div className="hotBookList">
                    <img src={HotBook1} alt="" />
                    <div className="bookmation">
                        <h3 style={{fontWeight:"800"}}>暖婚甜入骨</h3>
                        <span style={{fontSize:"13px"}}>高冷老板和惊奇写手的逗趣日常，耍萌，斗斗嘴，日子过得顺风顺水。你负责赚钱养家，我负...</span>
                        <p style={{ marginTop: "8px",color:"#808080"}}>漫西</p>
                    </div>
                </div>
            </div>
            
        );
        
    }
}

export default hotFree;